<style>

    .activityBasicInfo .itemContent #peopleNumTB {
        width: 138px;
    }

    .activityBasicInfo .itemContent_poster {
        width: 803px;
        height: 280px;
        float: left;
        margin-left: 16px;
        margin-bottom: 20px;
    }

    .activityBasicInfo .itemContent_poster .imagePreview {
        position: relative;
        width: 472px;
        height: 280px;
        color: #fff;
        font-size: 15px;
        background: #b5b5b5;
        margin-right: 18px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        float: left;
    }

    .activityBasicInfo .itemContent_poster .imageOperate {
        float: left;
    }

    .imageOperate div {
        font-size: 14px;
        color: #9d9d9d;
        margin-top: 12px;
    }

    .imagePreview .pic {
        position: absolute;
        width: 124px;
        height: 102px;
        background: url(img/activities/image_sl.png);
        left: 175px;
        top: 55px;
    }

    .imagePreview .wording {
        position: absolute;
        left: 122px;
        top: 186px;
    }

    .imagePreview .wording div:last-child {
        position: absolute;
        left: 23px;
        margin-top: 10px;
    }

    .activityBasicInfo .itemContent_summary {
        width: 803px;
        margin-left: 16px;
        margin-bottom: 5px;
        height: 76px;
        float: left;
    }

    .activityBasicInfo .itemContent_tags {
        width: 803px;
        margin-left: 16px;
        height: 50px;
        float: left;
        border-bottom: 1px solid #4d4d4d;
    }

    .activityBasicInfo .itemContent_editor {
        width: 803px;
        height: 461px;
        margin-left: 16px;
        margin-bottom: 20px;
        float: left;
    }

    .itemContent_tags .tagUnit {
        float: left;
        width: 120px;
        height: 27px;
        margin-top: 10px;
        margin-right: 14px;
    }

    .itemContent_tags .addTag {
        cursor: pointer;
        width: 63px;
        height: 27px;
        float: left;
        margin-top: 10px;
        background: url("img/activities/addTag.png");
    }

    .itemContent_tags .addTag:hover {
        background: url("img/activities/addTag-hl.png");
    }

    .tagUnit .tagInput {
        min-width: 70px;
        max-width: 85px;
        height: 27px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-right: 6px;
        font-size: 14px !important;
        text-align: center;
        color: #4d4d4d;
        border: 1px solid #4d4d4d;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .tagUnit div:first-child {
        float: left;
    }

    .tagUnit .removeTag {
        cursor: pointer;
        width: 27px;
        height: 27px;
        background: url("img/roomTypesMgr/remove.png");
        float: left;
    }

    .tagUnit .removeTag:hover {
        background: url("img/roomTypesMgr/remove-hl.png");
    }

    .itemContent_summary textarea {
        width: 100%;
        resize: none;
        padding: 10px;
        max-height: 76px;
        font-size: 16px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .itemContent .locate{
        position: absolute;
        cursor: pointer;
        width: 24px;
        height: 26px;
        background: url(img/activities/location.png);
        right: 16px;
        top: 11px;
    }

    .itemContent .locate:hover{
        background: url(img/activities/location-hl.png);
    }

    .activityBasicInfo .activityItem:last-child {
        height: 440px;
    }

    .activityBasicInfo #mapContainer{
        display: none;
        width: 495px;
        height: 360px;
        left: 308px;
        top: 55px;
        position: absolute;
        z-index: 999;
    }

</style>

<div class="pubHeader">
    <button id="doPub">发布</button>
    <button id="doSave">存为草稿</button>
    <button id="doBack">返回</button>
</div>
<div class="publishForms">
    <div class="pubContents">
        <div class="activityBasicInfo">
            <div class="infoTitle">活动基本信息</div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动名称</span>
                </div>
                <div class="itemContent">
                    <input type="text" name="activityTitile" id="activityTitile" placeholder="活动标题(不少于5个字)">
                </div>
            </div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动地点</span>
                </div>
                <div class="itemContent">
                    <select name="province" class="form-control">
                        <option value="" disabled selected>省份/直辖市</option>
                    </select>
                    <select name="city" class="form-control">
                        <option value="" disabled selected>城市/区</option>
                    </select>
                    <label class="locate"></label>
                    <input type="text" name="address" id="address" placeholder="详细地址  (例如: 姑苏区平江路202号思慧堂)">
                    <div id="mapContainer"></div>
                    <!--<select name="area" class="form-control">-->
                    <!--<option value="" disabled selected>区县</option>-->
                    <!--</select>-->
                </div>
            </div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动时间</span>
                </div>
                <div class="itemContent">
                    <div class="fromDate"><label></label><input type="text" name="fromDateTB" id="fromDateTB" readonly>
                    </div>
                    <div class="fromTime"><select name="fromTimeSelect" id="fromTimeSelect"
                                                  class="form-control"></select>
                    </div>
                    <span style="float: left; font-size: 15px; margin-left: 16px; margin-right: 16px; margin-top: 15px">至</span>

                    <div class="toDate"><label></label><input type="text" name="toDateTB" id="toDateTB" readonly></div>
                    <div class="toTime"><select name="toTimeSelect" id="toTimeSelect" class="form-control"/></div>
                </div>
            </div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动人数</span>
                </div>
                <div class="itemContent">
                    <input type="text" name="peopleNumTB" id="peopleNumTB" placeholder="10">
                </div>
            </div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动海报</span>
                </div>
                <div class="itemContent_poster">
                    <div class="imagePreview">
                        <div class="pic"></div>
                        <div class="wording">
                            <div>图片小于2M (jpeg、gif、png、bmp)</div>
                            <div>尺寸不可小于1024*640像素</div>
                        </div>
                    </div>
                    <div class="imageOperate">
                        <button>上传</button>
                        <div>可点击按钮上传图片,也可将图片拖至左方区域</div>
                    </div>
                </div>
            </div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动摘要</span>
                </div>
                <div class="itemContent_summary">
                    <textarea name="summary" id="summary" cols="16" rows="2" placeholder="简述活动内容(不超过80个字)"></textarea>
                </div>
            </div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动标签</span>
                </div>
                <div class="itemContent_tags">
                    <div class="tagUnit">
                        <div><input type="text" class="tagInput" name="tagInputTB" id="tagInputTB"></div>
                        <div class="removeTag"></div>
                    </div>
                    <div class="addTag"></div>
                </div>
            </div>
            <div class="activityItem">
                <div class="itemName">
                    <span></span>
                    <span>活动详情</span>
                </div>
                <div class="itemContent_editor" id="u_editor">

                </div>
            </div>
        </div>
        <br><br>
        <div class="costsInfo">
            <div class="infoTitle">费用信息</div>
        </div>
    </div>
</div>
<!--</div>-->